<template>
  <div class="uk-section">
    <div class="uk-container uk-container-large">
      <h3 style="margin-bottom: 0px; text-align: center">品牌视觉VI规范</h3>
      <h5 style="margin-top: 0px; text-align: center">
        Visual specification and application
      </h5>
      <p style="margin-top: 0px; text-align: center">
        细化品牌调性 / 设计方案 /主辅色调运用 / 标准字体运用 /
        辅助元素设计及应用<br />
        极刻致力为品牌提供创新设计解决方案、专注品牌形象建议与整合。<br />
        我们洞悉各个产业的结构，在不同产业类别里，把新的设计思维与设计方向带给客户，赋予客户耳目一新的创新设计与概念。
      </p>
      <div style="min-height: 100px; text-align: center">
        <img src="~/assets/serviceFlow.jpg" />
      </div>
    </div>
    <Bottom />
  </div>
</template>

<script>
import Bottom from "@/components/Bottom";
export default {
  name: "Service",
  components: {
    Bottom,
  },
};
</script>

<style scoped>
.more {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 80px;
  font-size: 16px;
}
.more div {
  margin: 0 auto;
  text-align: center;
  width: 150px;
  height: 60px;
  border: 1px solid #dbdbdb;
  border-radius: 100px;
  line-height: 60px;
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}
.more div:hover {
  margin: 0 auto;
  text-align: center;
  width: 150px;
  height: 60px;
  border: 1px solid #dbdbdb;
  background-color: black;
  border-radius: 100px;
  line-height: 60px;
  color: white;
}
.more a {
  color: rgba(153, 153, 153, 1);
}
.index_pictures {
  padding: 0px;
  margin: 20px 0;
}
.index_imgitem {
  padding: 5px;
  flex: 50%;
  text-align: center;
  min-height: 200px;
  font-size: 30px;
}
@media only screen and (max-width: 768px) {
  .index_pictures {
    padding: 0px;
    margin: 20px;
  }
  /* For mobile phones: */
  .index_title {
    justify-content: center;
  }
  .index_subtitle {
    justify-content: center;
  }
  .bottom_content {
    flex: 100%;
    text-align: center;
    margin-top: 50px;
    color: rgb(146, 146, 146);
  }
  .index_imgitem {
    font-size: 18px;
  }
}
</style>
